<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <div class="col-xs-1">
    </div>
    <div class="col-xs-10">      
    <div class="page-content" id="cabbox">
						<div class="page-header">
							<h1>
								运动排名
							</h1>
						</div><!-- /.page-header -->
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
                                <div id="user-profile-3" class="user-profile row">
										<div class="col-sm-offset-1 col-sm-10">
											<div class="space"></div>						
												<div class="tabbable">
													<ul class="nav nav-tabs padding-16">
														<li class="active">
															<a data-toggle="tab" href="#edit-password">
																篮球
															</a>
														</li>
														
														<li>
															<a data-toggle="tab" href="#edit-phone">
																跑步
															</a>
														</li>
														
														<li>
															<a data-toggle="tab" href="#edit-email">
																游泳 
															</a>
														</li>
													</ul>

													<div class="tab-content profile-edit-tab-content">
													<!-- 篮球排名开始 -->
														<div id="edit-password" class="tab-pane in active">
														<form class="form-horizontal">
															<div class="space-10"></div>	
                                                               <table class="table table-responsive table-hover table-condensed">
                                                                 <thead>
                                                                   <tr  class="info">
                                                                     <th>排名</th>
                                                                     <th>用户名</th>
                                                                     <th>积分</th>
                                                                     <th></th>
                                                                   </tr>
                                                                 </thead>
                                                               <tbody>
                                                               <c:forEach items="${basketball_list}" var="basketball" varStatus="status" end="100">
                                                                   <tr id="${basketball.user_account}">
                                                                     <td>${status.count}</td>
                                                                     <td>${basketball.user_nickname}</td>
                                                                     <td>${basketball.basketball_record}</td>
                                                                     <td>
                                                                       <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons center">
                                                                         <a class="red" href="#">
                                                                           <i class="icon-heart bigger-130"></i>
                                                                           <span>关注</span>
                                                                         </a>
                                                                       </div>
                                                                     </td>
                                                                   </tr> 
                                                                   </c:forEach>
                                                                                                                                      
                                                                                                                            
                                                                </tbody>
                                                             </table>
                                                               <div class="space-4"></div>										
															</form>
														</div>
														<!-- 篮球排名结束 -->
														
														<!-- 跑步排名 开始 -->
														<div id="edit-phone" class="tab-pane">
														 <form class="form-horizontal">
															<div class="space-10"></div>
															  <table class="table table-responsive table-hover table-condensed">
                                                                 <thead>
                                                                   <tr class="info">
                                                                     <th>排名</th>
                                                                     <th>用户名</th>
                                                                     <th>积分</th>
                                                                     <th></th>
                                                                   </tr>
                                                                 </thead>
                                                               <tbody>
                                                                <c:forEach items="${running_list}" var="running" varStatus="status" end="100">
                                                                   <tr id="${running.user_account}">
                                                                     <td>${status.count}</td>
                                                                     <td>${running.user_nickname}</td>
                                                                     <td>${running.running_record}</td>
                                                                     <td>
                                                                       <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons center">
                                                                         <a class="red" href="#">
                                                                           <i class="icon-heart bigger-130"></i>
                                                                           <span>关注</span>
                                                                         </a>
                                                                       </div>
                                                                     </td>
                                                                   </tr> 
                                                                          </c:forEach>                                        
                                                                </tbody>
                                                             </table>
															<div class="space-4"></div>
                                                         </form>
												       </div>
														<!-- 跑步排名 结束 -->
														
														<!-- 游泳排名 开始 -->
														<div id="edit-email" class="tab-pane">
														<form class="form-horizontal">
															<div class="space-10"></div>
															                <table class="table table-responsive table-hover table-condensed">
                                                                 <thead>
                                                                   <tr class="info">
                                                                     <th>排名</th>
                                                                     <th>用户名</th>
                                                                     <th>积分</th>
                                                                     <th></th>
                                                                   </tr>
                                                                 </thead>
                                                               <tbody>
                                                               <c:forEach items="${swimming_list}" var="swimming" varStatus="status" end="100">
                                                                   <tr id="${swimming.user_account}">
                                                                     <td>${status.count}</td>
                                                                     <td>${swimming.user_nickname}</td>
                                                                     <td>${swimming.swimming_record}</td>
                                                                     <td>
                                                                       <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons center">
                                                                         <a class="red" href="#">
                                                                           <i class="icon-heart bigger-130"></i>
                                                                           <span>关注</span>
                                                                         </a>
                                                                       </div>
                                                                     </td>
                                                                   </tr> 
                                                                   </c:forEach>
                                                                                                                  
                                                                </tbody>
                                                             </table>
															<div class="space-4"></div>
							                             	</form>
														</div>	<!-- 游泳排名结束 -->
													</div><!-- 选项卡下面内容结束 -->
												</div>	
										</div><!-- /span -->
									</div><!-- /user-profile -->
								
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->    
				</div><!-- /.main-content -->
				
				 <div class="col-xs-1">
                  </div>
